<template>
    <u-list @scrolltolower="emit('turnpage')">
        <u-list-item v-for="(item, index) in props.data" :key="index">
            <slot :row="item"></slot>
        </u-list-item>
    </u-list>
</template>

<script setup>
const props = defineProps({
    data: {
        type: Array,
        require: true
    },
})
const emit = defineEmits(["refresh", 'turnpage'])
onMounted(() => {
})
</script>

<style scoped>
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
</style>
